<template>
	<view class="content">
		<view class="income">
			<view class="income_t">
				<view class="income_t_l">
					<view>总收益(USDT)</view>
					<view>0</view>
				</view>
				<view class="income_t_r">
					<text>可提现(USDT)：0</text>
					<view class="tixian_btn">
						<u-button type="primary" color="#4fc497" text="提现到钱包" size="small"></u-button>
					</view>
				</view>
			</view>
			<view class="income_list">
				<view class="list_l">
					<view>个人订单总收益(CNY)</view>
					<view>0</view>
				</view>
				<view class="list_l" style="border-left: #585b6e solid 2rpx;">
					<view>下级订单返佣(USDT)</view>
					<view>0</view>
				</view>
			</view>
			<view class="income_list" style="border-bottom: #585b6e solid 2rpx;">
				<view class="list_l">
					<view>邀请奖励(USDT)</view>
					<view>0</view>
				</view>
				<view class="list_l" style="border-left: #585b6e solid 2rpx;">
					<view>手动确认奖励(USDT)</view>
					<view>0</view>
				</view>
			</view>
			<view class="income_txt">提现说明:提现过程中会消耗TRX,TRX由平台支付</view>
		</view>
		
		<view class="income_details">
			<view class="detail_t">
				<view class="t_1">今日收益(USDT)</view>
				<view class="t_2">0</view>
			</view>
			<view class="detail_t" style="display: flex;margin-top: 10rpx;">
				<view class="detail_list">
					<view>接单收益(USDT)</view>
					<view>0</view>
				</view>
				<view class="detail_list">
					<view>下级返佣(USDT)</view>
					<view>0</view>
				</view>
				<view class="detail_list">
					<view>邀请收益(USDT)</view>
					<view>0</view>
				</view>
			</view>
			<view class="detail_t" style="display: flex;margin-top: 40rpx;">
				<view class="detail_list">
					<view>团队收益(USDT)</view>
					<view>0</view>
				</view>
				<view class="detail_list"></view>
				<view class="detail_list"></view>
			</view>
		</view>
		<view class="moneylist">
			<view class="moneytit">
				<text class="icon_left"></text> 
				收益明细 
				<text class="icon_right"></text></view>
		</view>
		
		<botLine />
	</view>
</template>

<script>
	import botLine from '../../components/botLine.vue'
	export default {
		components:{
			botLine
		},
		data() {
			return {
				
			}
		},
		onLoad() {
	
		},
		methods: {
			subsectionChange(v){
				console.log(v)
				this.current = v
			}
		}
	}
</script>

<style lang="scss" scoped>
.content{
	height: 100vh;background-color: #f1f5f8;
	.income{
		background-color: #404356;padding:0 20rpx ;
		.income_t{
			display: flex;justify-content:space-between;padding-bottom: 50rpx;
			.income_t_l{
				view:nth-child(1){
					font-size: 24rpx;color: #afb1be;line-height: 40rpx;padding-top: 10rpx;
				}
				view:nth-child(2){
					color: #fff;line-height: 50rpx;font-size: 60rpx;font-weight: 600;padding-top: 30rpx;
				}
			}
			.income_t_r{
				text{display: block;
					text-align: right;font-size: 30rpx;color: #afb1be;line-height: 40rpx;padding-top: 10rpx;
				}
				.tixian_btn{
					padding-top: 20rpx;
				}
			}
		}
		.income_list{
			display: flex;
			.list_l{
				flex: 1;padding: 10rpx 0;border-top: #585b6e solid 2rpx;
				view:nth-child(1){
					color: #afb1be;text-align: center;font-size: 24rpx;
				}
				view:nth-child(2){
					color: #fff;text-align: center;font-size: 40rpx;padding-top: 15rpx;
				}
			}
		}
		.income_txt{
			text-align: center;font-size: 24rpx;color: #afb1be;line-height: 68rpx;
		}
	}
	.income_details{
		margin: 20rpx 20rpx 0 20rpx;border-radius: 20rpx;padding: 20rpx 25rpx;
		background: #fff url(../../static/wallet_block_bg.png) no-repeat right top;background-size: 40%;
		.detail_t{
			.t_1{
				color: #000;font-size: 30rpx;padding-top: 10rpx;line-height: 40rpx;
			}
			.t_2{
				color: #5dbf99;font-size: 50rpx;line-height: 60rpx;
			}
			.detail_list{flex: 1;
				view:nth-child(1){
					font-size: 24rpx;color: #949494; 
				}
				view:nth-child(2){
					font-size: 35rpx;color: #000;
				}
			}
		}
	}

}
</style>